<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Malias | Home 2</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- favicon
        ============================================ -->        
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
        
        <!-- Google Fonts
        ============================================ -->        
       <link href='http://fonts.googleapis.com/css?family=Raleway:400,600' rel='stylesheet' type='text/css'>
       <link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
       
        <!-- Bootstrap CSS
        ============================================ -->        
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!-- Font awesome CSS
        ============================================ -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <!-- owl.carousel CSS
        ============================================ -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/owl.transitions.css">
        <!-- nivo slider CSS
        ============================================ -->
        <link rel="stylesheet" href="lib/css/nivo-slider.css" type="text/css" />
        <!-- meanmenu CSS
        ============================================ -->
        <link rel="stylesheet" href="css/meanmenu.min.css">
        <!-- jquery-ui CSS
        ============================================ -->
        <link rel="stylesheet" href="css/jquery-ui.css">
        <!-- animate CSS
        ============================================ -->
        <link rel="stylesheet" href="css/animate.css">
        <!-- main CSS
        ============================================ -->
        <link rel="stylesheet" href="css/main.css">
        <!-- style CSS
        ============================================ -->
        <link rel="stylesheet" href="style.css">
        <!-- responsive CSS
        ============================================ -->
        <link rel="stylesheet" href="css/responsive.css">
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        
        <!-- HEADER-AREA START -->
        <header class="header-area">
            <!-- HEADER-TOP START -->
            <div class="header-top hidden-xs">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <div class="top-menu">
                                <!-- Start Language -->
                                <ul class="language">
                                    <li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English<i class="fa fa-caret-down left-5"></i></a>
                                        <ul>
                                            <li><a href="#"><img class="right-5" src="img/flags/fr.png" alt="#">French</a></li>
                                            <li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
                                            <li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- End Language -->
                                <!-- Start Currency -->
                                <ul class="currency">
                                    <li><a href="#"><strong>$</strong> USD<i class="fa fa-caret-down left-5"></i></a>
                                        <ul>
                                            <li><a href="#">$ EUR</a></li>
                                            <li><a href="#">$ GBP</a></li>
                                            <li><a href="#">$ USD</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- End Currency -->
                                <p class="welcome-msg">Default welcome msg!</p>
                            </div>
                            <!-- Start Top-Link -->
                            <div class="top-link">
                                <ul class="link">
                                    <li><a href="my-account.html"><i class="fa fa-user"></i> My Account</a></li>
                                    <li><a href="wishlist.html"><i class="fa fa-heart"></i> Wish List (0)</a></li>
                                    <li><a href="checkout.html"><i class="fa fa-share"></i> Checkout</a></li>
                                    <li><a href="account.html"><i class="fa fa-unlock-alt"></i> Login</a></li>
                                </ul>
                            </div>
                            <!-- End Top-Link -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- HEADER-TOP END -->
            <!-- HEADER-MIDDLE START -->
            <div class="header-middle">
                <div class="container">
                    <!-- Start Support-Client -->
                    <div class="support-client hidden-xs">
                        <div class="row">
                            <!-- Start Single-Support -->
                            <div class="col-md-3 hidden-sm">
                                <div class="single-support">
                                    <div class="support-content">
                                        <i class="fa fa-clock-o"></i>
                                        <div class="support-text">
                                            <h1 class="zero gfont-1">working time</h1>
                                            <p>Mon- Sun: 8.00 - 18.00</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single-Support -->
                            <!-- Start Single-Support -->
                            <div class="col-md-3 col-sm-4">
                                <div class="single-support">
                                    <i class="fa fa-truck"></i>
                                    <div class="support-text">
                                        <h1 class="zero gfont-1">Free shipping</h1>
                                        <p>On order over $199</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single-Support -->
                            <!-- Start Single-Support -->
                            <div class="col-md-3 col-sm-4">
                                <div class="single-support">
                                    <i class="fa fa-money"></i>
                                    <div class="support-text">
                                        <h1 class="zero gfont-1">Money back 100%</h1>
                                        <p>Within 30 Days after delivery</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single-Support -->
                            <!-- Start Single-Support -->
                            <div class="col-md-3 col-sm-4">
                                <div class="single-support">
                                    <i class="fa fa-phone-square"></i>
                                    <div class="support-text">
                                        <h1 class="zero gfont-1">Phone: 0123456789</h1>
                                        <p>Order Online Now !</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single-Support -->
                        </div>
                    </div>
                    <!-- End Support-Client -->
                    <!-- Start logo & Search Box -->
                    <div class="row">
                        <div class="col-md-3 col-sm-12">
                            <div class="logo">
                                <a href="index.html" title="Malias"><img src="img/logo.png" alt="Malias"></a>
                            </div>
                        </div>
                        <div class="col-md-9 col-sm-12">
                            <div class="quick-access">
                                <div class="search-by-category">
                                    <div class="search-container">
                                        <select>
                                            <option class="all-cate">All Categories</option>
                                            <optgroup  class="cate-item-head" label="Cameras & Photography">
                                                <option class="cate-item-title">Handbags</option>
                                                <option class="c-item">Blouses And Shirts</option>
                                                <option class="c-item">Clouthes</option>
                                            </optgroup>
                                            <optgroup  class="cate-item-head" label="Laptop & Computer">
                                                <option class="cate-item-title">Apple</option>
                                                <option class="c-item">Dell</option>
                                                <option class="c-item">Hp</option>
                                                <option class="c-item">Sony</option>
                                            </optgroup>
                                            <optgroup  class="cate-item-head" label="Electronic">
                                                <option class="c-item">Mobile</option>
                                                <option class="c-item">Speaker</option>
                                                <option class="c-item">Headphone</option>
                                            </optgroup>
                                        </select>
                                    </div>
                                    <div class="header-search">
                                        <form action="#">
                                            <input type="text" placeholder="Search">
                                            <button type="submit"><i class="fa fa-search"></i></button>
                                        </form>
                                    </div>
                                </div>
                                <div class="top-cart">
                                    <ul>
                                        <li>
                                            <a href="cart.html">
                                                <span class="cart-icon"><i class="fa fa-shopping-cart"></i></span>
                                                <span class="cart-total">
                                                    <span class="cart-title">shopping cart</span>
                                                    <span class="cart-item">2 item(s)- </span>
                                                    <span class="top-cart-price">$365.00</span>
                                                </span>
                                            </a>
                                            <div class="mini-cart-content">
                                                <div class="cart-img-details">
                                                    <div class="cart-img-photo">
                                                        <a href="#"><img src="img/product/total-cart.jpg" alt="#"></a>
                                                    </div>
                                                    <div class="cart-img-content">
                                                        <a href="#"><h4>Prod Aldults</h4></a>
                                                        <span>
                                                            <strong class="text-right">1 x</strong>
                                                            <strong class="cart-price text-right">$180.00</strong>
                                                        </span>
                                                    </div>
                                                    <div class="pro-del">
                                                        <a href="#"><i class="fa fa-times"></i></a>
                                                    </div>
                                                </div>
                                                <div class="clear"></div>
                                                <div class="cart-img-details">
                                                    <div class="cart-img-photo">
                                                        <a href="#"><img src="img/product/total-cart2.jpg" alt="#"></a>
                                                    </div>
                                                    <div class="cart-img-content">
                                                        <a href="#"><h4>Fact Prone</h4></a>
                                                        <span>
                                                            <strong class="text-right">1 x</strong>
                                                            <strong class="cart-price text-right">$185.00</strong>
                                                        </span>
                                                    </div>
                                                    <div class="pro-del">
                                                        <a href="#"><i class="fa fa-times"></i></a>
                                                    </div>
                                                </div>
                                                <div class="cart-inner-bottom">
                                                    <span class="total">
                                                        Total:
                                                        <span class="amount">$550.00</span>
                                                    </span>
                                                    <span class="cart-button-top">
                                                        <a href="cart.html">View Cart</a>
                                                        <a href="checkout.html">Checkout</a>
                                                    </span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End logo & Search Box -->
                </div> 
            </div>
            <!-- HEADER-MIDDLE END -->
            <!-- START MAINMENU-AREA -->
            <div class="mainmenu-area ">
                <div class="container">
                    <div class="row">
                        <div class="col-md-9 col-md-offset-3">
                            <div class="mainmenu hidden-sm hidden-xs">
                                <nav>
                                    <ul>
                                        <li><a href="index.html">Home</a>
                                            <ul>
                                                <li><a href="index.html">Home Versions 1</a></li>
                                                <li><a href="index-2.html">Home Versions 2</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="about.html">About Us</a></li>
                                        <li class="hot"><a href="shop.html">Bestseller Products</a></li>
                                        <li class="new"><a href="shop-list.html">New Products</a></li>
                                        <li><a href="#">Pages</a>
                                            <ul>
                                                <li><a href="cart.html">Cart</a></li>
                                                <li><a href="checkout.html">Checkout</a></li>
                                                <li><a href="account.html">Create Account</a></li>
                                                <li><a href="my-account.html">My Account</a></li>
                                                <li><a href="product-details.html">Product details</a></li>
                                                <li><a href="shop.html">Shop Grid View</a></li>
                                                <li><a href="shop-list.html">Shop List View</a></li>
                                                <li><a href="wishlist.html">Wish List</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">Contact Us</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END MAIN-MENU-AREA -->
            <!-- Start Mobile-menu -->
            <div class="mobile-menu-area hidden-md hidden-lg">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <nav id="mobile-menu">
                                <ul>
                                    <li><a href="index.html">Home</a>
                                        <ul>
                                            <li><a href="index.html">Home Page 1</a></li>
                                            <li><a href="index-2.html">Home Page 2</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="shop.html">Bestseller Products</a></li>
                                    <li><a href="shop-list.html">New Products</a></li>
                                    <li><a href="#">Pages</a>
                                        <ul>
                                            <li><a href="cart.html">Cart</a></li>
                                            <li><a href="checkout.html">Checkout</a></li>
                                            <li><a href="account.html">Create Account</a></li>
                                            <li><a href="login.html">Login</a></li>
                                            <li><a href="my-account.html">My Account</a></li>
                                            <li><a href="product-details.html">Product details</a></li>
                                            <li><a href="shop.html">Shop Grid View</a></li>
                                            <li><a href="shop-list.html">Shop List View</a></li>
                                            <li><a href="wishlist.html">Wish List</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Mobile-menu -->            
        </header>
        <!-- HEADER AREA END -->
        <!-- Category slider area start -->
        <div class="category-slider-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <!-- CATEGORY-MENU-LIST START -->
                        <div class="left-category-menu left-category-menu-2 hidden-sm hidden-xs">
                            <div class="left-product-cat">
                                <div class="category-heading">
                                    <h2>categories</h2>
                                </div>
                                <div class="category-menu-list">
                                    <ul>
                                        <!-- Single menu start -->
                                        <li class="arrow-plus">
                                            <a href="#">Cameras & Photography</a>
                                            <!--  MEGA MENU START -->
                                            <div class="cat-left-drop-menu">
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">Handbags</a>
                                                    <ul>
                                                        <li><a href="#">Blouses And Shirts</a></li>
                                                        <li><a href="#">Clutches</a></li>
                                                        <li><a href="#">Cross Body</a></li>
                                                        <li><a href="#">Satchels</a></li>
                                                        <li><a href="#">Sholuder</a></li>
                                                        <li><a href="#">Toter</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">Tops</a>
                                                    <ul>
                                                        <li><a href="#">Evening</a></li>
                                                        <li><a href="#">Long Sleeved</a></li>
                                                        <li><a href="#">Short Sleeved</a></li>
                                                        <li><a href="#">Sleeveless</a></li>
                                                        <li><a href="#">T-Shirts</a></li>
                                                        <li><a href="#">Tanks And Camis</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">Dresses</a>
                                                    <ul>
                                                        <li><a href="#">Belts</a></li>
                                                        <li><a href="#">Cocktail</a></li>
                                                        <li><a href="#">Day</a></li>
                                                        <li><a href="#">Evening</a></li>
                                                        <li><a href="#">Sundresses</a></li>
                                                        <li><a href="#">Sweater</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">Accessories</a>
                                                    <ul>
                                                        <li><a href="#">Bras</a></li>
                                                        <li><a href="#">Hair Accessories</a></li>
                                                        <li><a href="#">Hats And Gloves</a></li>
                                                        <li><a href="#">Lifestyle</a></li>
                                                        <li><a href="#">Scarves</a></li>
                                                        <li><a href="#">Small Leathers</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- MEGA MENU END -->
                                        </li>
                                        <!-- Single menu end -->
                                        <!-- Single menu start -->
                                        <li class="arrow-plus">
                                            <a href="#">SmartPhones & Tablets</a>
                                            <!--  MEGA MENU START -->
                                            <div class="cat-left-drop-menu cat-left-drop-menu-photo-contain">
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">Women</a>
                                                    <ul>
                                                        <li><a href="#">Belts</a></li>
                                                        <li><a href="#">Jewelry</a></li>
                                                        <li><a href="#">Socks</a></li>
                                                        <li><a href="#">Sunglasses</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">CLOTHING</a>
                                                    <ul>
                                                        <li><a href="#">Boots</a></li>
                                                        <li><a href="#">Brands We Love</a></li>
                                                        <li><a href="#">Casuals</a></li>
                                                        <li><a href="#">Gifts And Tech</a></li>
                                                        <li><a href="#">Gifts And Tech</a></li>
                                                        <li><a href="#">Slippers</a></li>
                                                        <li><a href="#">Speakers</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left cat-left-drop-menu-photo">
                                                    <a href="#"><img src="img/megamenu/vmega_blog1.jpg" alt="Product"></a>
                                                </div>
                                            </div>
                                            <!-- MEGA MENU END -->
                                        </li>
                                        <!-- Single menu end -->
                                        <!-- Single menu start -->
                                        <li class="arrow-plus">
                                            <a href="#">Tv & Audio</a>
                                            <!--  MEGA MENU START -->
                                            <div class="cat-left-drop-menu">
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">BAGS</a>
                                                    <ul>
                                                        <li><a href="#">Blazers</a></li>
                                                        <li><a href="#">Bootees Bags</a></li>
                                                        <li><a href="#">Jackets</a></li>
                                                        <li><a href="#">Shoes</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">CLOTHING</a>
                                                    <ul>
                                                        <li><a href="#">Blazers</a></li>
                                                        <li><a href="#">Bootees Bags</a></li>
                                                        <li><a href="#">Jackets</a></li>
                                                        <li><a href="#">Shoes</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">LINGERIE</a>
                                                    <ul>
                                                        <li><a href="#">Blazers</a></li>
                                                        <li><a href="#">Bootees Bags</a></li>
                                                        <li><a href="#">Jackets</a></li>
                                                        <li><a href="#">Shoes</a></li>
                                                    </ul>
                                                </div>
                                                <div class="cat-left-drop-menu-left">
                                                    <a class="menu-item-heading" href="#">Shoes</a>
                                                    <ul>
                                                        <li><a href="#">Blazers</a></li>
                                                        <li><a href="#">Bootees Bags</a></li>
                                                        <li><a href="#">Jackets</a></li>
                                                        <li><a href="#">Shoes</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- MEGA MENU END -->
                                        </li>
                                        <!-- Single menu end -->
                                        <!-- Single menu start -->
                                        <li>
                                            <a href="#">Laptop & Computer</a>
                                        </li>
                                        <!-- Single menu end -->
                                        <!-- Single menu start -->
                                        <li><a href="#">Sports</a></li>
                                        <!-- Single menu end -->
                                        <!-- Single menu start -->
                                        <li><a href="#">Smart Phone</a></li>
                                        <!-- Single menu end -->
                                        <!-- Single menu start -->
                                        <li><a href="#">Computer</a></li>
                                        <!-- Single menu end -->
                                        <!-- Single menu start -->
                                        <li><a href="#">Electronic</a></li>
                                        <!-- Single menu end -->

                                        <!-- MENU ACCORDION START -->
                                        <li class=" rx-child">
                                            <a href="#">Books</a>
                                        </li>
                                        <li class=" rx-parent">
                                            <a class="rx-default">
                                                More categories <span class="cat-thumb  fa fa-plus"></span> 
                                            </a>
                                            <a class="rx-show">
                                                close menu <span class="cat-thumb  fa fa-minus"></span>
                                            </a>
                                        </li>
                                        <!-- MENU ACCORDION END -->
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- END CATEGORY-MENU-LIST -->
                    </div>
                    <div class="col-md-9">
                        <!-- slider -->
                        <div class="slider-area">
                            <div class="bend niceties preview-1">
                                <div id="ensign-nivoslider" class="slides"> 
                                    <img src="img/sliders/slider-1/bg1.jpg" alt="Malias" title="#slider-direction-1"/>
                                    <img src="img/sliders/slider-1/bg2.jpg" alt="Malias" title="#slider-direction-2"/>
                                    <img src="img/sliders/slider-1/bg3.jpg" alt="Malias" title="#slider-direction-3"/><!-- 
                                    <img src="img/sliders/slider-1/bg4.jpg" alt="" title="#slider-direction-4"/>  -->     
                                </div>
                                <!-- direction 1 -->
                                <div id="slider-direction-1" class="t-lfr slider-direction">
                                    <div class="slider-progress"></div>
                                    <!-- layer 1 -->
                                    <div class="layer-1-1 ">
                                        <h1 class="title1">LUMIA 888 DESIGN</h1>
                                    </div>
                                    <!-- layer 2 -->
                                    <div class="layer-1-2">
                                        <p class="title2">Elegant design for business</p>
                                    </div>
                                    <!-- layer 3 -->
                                    <div class="layer-1-3">
                                        <h2 class="title3">$966.82</h2>
                                    </div>
                                    <!-- layer 4 -->
                                    <div class="layer-1-4">
                                        <a href="#" class="title4">shopping now</a>
                                    </div>
                                </div>
                                <!-- direction 2 -->
                                <div id="slider-direction-2" class="slider-direction">
                                    <div class="slider-progress"></div>
                                    <!-- layer 1 -->
                                    <div class="layer-2-1">
                                        <h1 class="title1">WATERPROOF SMARTPHONE</h1>
                                    </div>
                                    <!-- layer 2 -->
                                    <div class="layer-2-2">
                                        <p class="title2">RODUCTS ARE EYE-CATCHING DESIGN. YOU CAN TAKE PHOTOS EVEN WHEN Y</p>
                                    </div>
                                    <!-- layer 3 -->
                                    <div class="layer-2-3">
                                        <a href="#" class="title3">shopping now</a>
                                    </div>
                                </div>
                                <!-- direction 3 -->
                                <div id="slider-direction-3" class="slider-direction">
                                    <div class="slider-progress"></div>
                                    <!-- layer 1 -->
                                    <div class="layer-3-1">
                                        <h2 class="title1">BUY AIR LACOTE</h2>
                                    </div>
                                    <!-- layer 2 -->
                                    <div class="layer-3-2">
                                        <h1 class="title2">SUPER TABLET, SUPER GIFT</h1>
                                    </div>
                                    <!-- layer 3 -->
                                     <div class="layer-3-3">
                                        <p class="title3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                                    </div>
                                    <!-- layer 4 -->
                                    <div class="layer-3-4">
                                        <a href="#" class="title4">shopping now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- slider end-->
                    </div>
                </div>
            </div>
        </div>
        <!-- Category slider area End -->
        <!-- START PAGE-CONTENT -->
        <section class="page-content">
            <!-- banner area Start -->
            <div class="product-banner-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 ">
                            <div class="single-product-banner">
                                <a href="#"><img src="img/banner/7.jpg" alt="Product Banner"></a>
                                <div class="banner-text banner-1">
                                    <h2>head phone 2015</h2>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="single-product-banner">
                                <a href="#"><img src="img/banner/8.jpg" alt="Product Banner"></a>
                                <div class="banner-text banner-3">
                                    <h2>
                                        <span class="word-1">NQkia </span>
                                        <span class="word-2">Lumia 888 </span>
                                    </h2>
                                    <h3>many Colors</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="single-product-banner">
                                <a href="#"><img src="img/banner/9.jpg" alt="Product Banner"></a>
                                <div class="banner-text banner-2">
                                </div>
                                <div class="banner-text banner-4">
                                    <h2>Htc <span>N8.</span></h2>
                                    <h3>
                                        <span class="word-1">many </span>
                                        <span class="word-2">Colors</span>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- banner area End -->
            <!-- Hot Deals area start -->
            <div class="hot-deals-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="area-title">
                                <h3 class="title-group border-red gfont-1">Hot Deals</h3>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="carosel-circle style-2">
                            <div class="active-hot-deals-style-2">
                                <!-- Start Single-hot-deals -->
                                <div class="col-xs-12">
                                    <div class="single-hot-deals">
                                        <div class="hot-deals-photo">
                                            <a href="#"><img src="img/hot-deals/1.jpg" alt="Product"></a>
                                        </div>
                                        <div class="count-down">
                                            <div class="timer">
                                                <div data-countdown="2017/12/31"></div>
                                            </div> 
                                        </div>
                                        <div class="hot-deals-text">
                                            <h5><a href="#" class="name-group">Various Versions</a></h5>
                                            <span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
                                            <div class="price-box">
                                                <span class="price gfont-2">$99.00</span>
                                                <span class="old-price gfont-2">$110.00</span>
                                            </div>
                                            <div class="hot-deals-button">
                                                <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                <div class="hot-deals-button-2">
                                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                    <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-hot-deals -->
                                <!-- Start Single-hot-deals -->
                                <div class="col-xs-12">
                                    <div class="single-hot-deals">
                                        <div class="hot-deals-photo">
                                            <a href="#"><img src="img/hot-deals/2.jpg" alt="Product"></a>
                                        </div>
                                        <div class="count-down">
                                            <div class="timer">
                                                <div data-countdown="2017/04/30"></div>
                                            </div> 
                                        </div>
                                        <div class="hot-deals-text">
                                            <h5><a href="#" class="name-group">Ultra Consequad</a></h5>
                                            <span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
                                            <div class="price-box">
                                                <span class="price gfont-2">$85.00</span>
                                                <span class="old-price gfont-2">$110.00</span>
                                            </div>
                                            <div class="hot-deals-button">
                                                <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                <div class="hot-deals-button-2">
                                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                    <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-hot-deals -->
                                <!-- Start Single-hot-deals -->
                                <div class="col-xs-12">
                                    <div class="single-hot-deals">
                                        <div class="hot-deals-photo">
                                            <a href="#"><img src="img/hot-deals/3.jpg" alt="Product"></a>
                                        </div>
                                        <div class="count-down">
                                            <div class="timer">
                                                <div data-countdown="2017/08/30"></div>
                                            </div> 
                                        </div>
                                        <div class="hot-deals-text">
                                            <h5><a href="#" class="name-group">Aldus Consequat</a></h5>
                                            <span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
                                            <div class="price-box">
                                                <span class="price gfont-2">$90.00</span>
                                                <span class="old-price gfont-2">$110.00</span>
                                            </div>
                                            <div class="hot-deals-button">
                                                <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                <div class="hot-deals-button-2">
                                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                    <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-hot-deals -->
                                <!-- Start Single-hot-deals -->
                                <div class="col-xs-12">
                                    <div class="single-hot-deals">
                                        <div class="hot-deals-photo">
                                            <a href="#"><img src="img/hot-deals/3.jpg" alt="Product"></a>
                                        </div>
                                        <div class="count-down">
                                            <div class="timer">
                                                <div data-countdown="2017/10/30"></div>
                                            </div> 
                                        </div>
                                        <div class="hot-deals-text">
                                            <h5><a href="#" class="name-group">Various Versions</a></h5>
                                            <span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
                                            <div class="price-box">
                                                <span class="price gfont-2">$85.00</span>
                                                <span class="old-price gfont-2">$110.00</span>
                                            </div>
                                            <div class="hot-deals-button">
                                                <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                <div class="hot-deals-button-2">
                                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                    <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-hot-deals -->
                                <!-- Start Single-hot-deals -->
                                <div class="col-xs-12">
                                    <div class="single-hot-deals">
                                        <div class="hot-deals-photo">
                                            <a href="#"><img src="img/hot-deals/3.jpg" alt="Product"></a>
                                        </div>
                                        <div class="count-down">
                                            <div class="timer">
                                                <div data-countdown="2017/07/30"></div>
                                            </div> 
                                        </div>
                                        <div class="hot-deals-text">
                                            <h5><a href="#" class="name-group">Ultra Consequad</a></h5>
                                            <span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
                                            <div class="price-box">
                                                <span class="price gfont-2">$90.00</span>
                                                <span class="old-price gfont-2">$110.00</span>
                                            </div>
                                            <div class="hot-deals-button">
                                                <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                <div class="hot-deals-button-2">
                                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                    <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-hot-deals -->
                                <!-- Start Single-hot-deals -->
                                <div class="col-xs-12">
                                    <div class="single-hot-deals">
                                        <div class="hot-deals-photo">
                                            <a href="#"><img src="img/hot-deals/3.jpg" alt="Product"></a>
                                        </div>
                                        <div class="count-down">
                                            <div class="timer">
                                                <div data-countdown="2017/06/30"></div>
                                            </div> 
                                        </div>
                                        <div class="hot-deals-text">
                                            <h5><a href="#" class="name-group">Aldus Consequat</a></h5>
                                            <span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
                                            <div class="price-box">
                                                <span class="price gfont-2">$85.00</span>
                                                <span class="old-price gfont-2">$110.00</span>
                                            </div>
                                            <div class="hot-deals-button">
                                                <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                <div class="hot-deals-button-2">
                                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                    <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-hot-deals -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Hot Deals area end -->
            <!-- Banner area start -->
            <div class="banner-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="single-product-banner">
                                <a href="#"><img src="img/banner/10.jpg" alt="Product Banner"></a>
                                <div class="banner-text banner-2">
                                </div>
                                <div class="banner-text banner-4">
                                    <h2>Golden Week !! </h2>
                                    <h3>
                                        <span class="word-5">Discounts on all brands, for your excellent choice . </span>
                                    </h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="single-product-banner">
                                <a href="#"><img src="img/banner/11.jpg" alt="Product Banner"></a>
                                <div class="banner-text banner-3">
                                    <h2>
                                        <span class="word-1">Best Price Shock </span>
                                    </h2>
                                    <h2 class="word-6">Quickly old hunters in MALIAS</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Banner area end -->
            <!-- Product tab area start -->
            <div class="product-area">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-12">
                            <!-- Start Product-Menu -->
                            <div class="product-menu style-2">
                                <ul role="tablist">
                                    <li role="presentation" class=" active"><a href="#display-1-1" role="tab" data-toggle="tab">Latest</a></li>
                                    <li role="presentation"><a href="#display-1-2" role="tab" data-toggle="tab">Sell</a></li>
                                    <li role="presentation"><a href="#display-1-3"  role="tab" data-toggle="tab">Random</a></li>
                                </ul>
                            </div>
                            <!-- End of product menu -->
                        </div>
                    </div>
                    <!-- Start Product -->
                    <div class="product carosel-navigation-style-2">
                        <div class="tab-content">
                            <!-- Product = Speaker -->
                            <div role="tabpanel" class="tab-pane fade in active" id="display-1-1">
                                <div class="row">
                                    <div class="active-product-carosel-style-2">
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="sale-off">
                                                    <span class="sale-percent">-55%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="sale-off">
                                                    <span class="sale-percent">-55%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="sale-off">
                                                    <span class="sale-percent">-45%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="sale-off">
                                                    <span class="sale-percent">-45%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="sale-off">
                                                    <span class="sale-percent">-35%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="sale-off">
                                                    <span class="sale-percent">-35%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/11.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="sale-off">
                                                    <span class="sale-percent">-25%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="sale-off">
                                                    <span class="sale-percent">-15%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/11.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                    </div>
                                </div>
                            </div>
                            <!-- End Product = Speaker -->
                            <!-- Start Product = TV -->
                            <div role="tabpanel" class="tab-pane fade" id="display-1-2">
                                <div class="row">
                                    <div class="active-product-carosel-style-2">
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="sale-off">
                                                    <span class="sale-percent">-25%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="label_new">
                                                    <span class="new">new</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                    </div>
                                </div>
                            </div>
                            <!-- End Product = TV -->
                            <!-- Start Product = Mobile -->
                            <div role="tabpanel" class="tab-pane fade" id="display-1-3">
                                <div class="row">
                                    <div class="active-product-carosel-style-2">
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="sale-off">
                                                    <span class="sale-percent">-15%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/11.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/10.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/12.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/12bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$99.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="sale-off">
                                                    <span class="sale-percent">-25%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Aldus Consequat</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$85.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                            <div class="single-product style-2">
                                                <div class="sale-off">
                                                    <span class="sale-percent">-19%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/2bg.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/2.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Ultra Consequad</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                        <!-- Start Single-Product -->
                                        <div class="col-xs-12">
                                            <div class="single-product style-2">
                                                <div class="sale-off">
                                                    <span class="sale-percent">-15%</span>
                                                </div>
                                                <div class="product-img">
                                                    <a href="#">
                                                        <img class="primary-img" src="img/product/mediam/11.jpg" alt="Product">
                                                        <img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
                                                    </a>
                                                </div>
                                                <div class="product-description">
                                                    <h5><a href="#">Various Versions</a></h5>
                                                    <div class="price-box">
                                                        <span class="price">$90.00</span>
                                                        <span class="old-price">$110.00</span>
                                                    </div>
                                                    <span class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </span>
                                                    <div class="hot-deals-button">
                                                        <button><i class="fa fa-plus"></i> Add to Cart</button>
                                                        <div class="hot-deals-button-2">
                                                            <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                            <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                        </div>
                                                    </div>
                                                </div>                                          
                                            </div>
                                        </div>
                                        <!-- End Single-Product -->
                                    </div>
                                </div>
                            </div>
                            <!-- End Product = Mobile -->
                        </div>
                    </div>
                    <!-- End Product -->
                </div>  
            </div>
            <!-- Product tab area end -->
            <!-- Blog area start -->
            <div class="shop-blog-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="area-title">
                                <h3 class="title-group border-red gfont-1">RECENT POSTS</h3>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <!-- START RECENT-POSTS -->
                        <div class="recent-posts carosel-navigation-style-2">
                            <div class="active-recent-posts-style-2">
                                <!-- Start Single-Recent-Posts -->
                                <div class="col-xs-12">
                                    <div class="single-recent-posts">
                                        <div class="recent-posts-photo">
                                            <img src="img/posts/1.jpg" alt="Recent Posts">
                                        </div>
                                        <div class="recent-posts-text">
                                            <h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
                                            <span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
                                            <p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                                            <a href="#" class="posts-read-more">Read more ...</a>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-Recent-Posts -->
                                <!-- Start Single-Recent-Posts -->
                                <div class="col-xs-12">
                                    <div class="single-recent-posts">
                                        <div class="recent-posts-photo">
                                            <img src="img/posts/2.jpg" alt="Recent Posts">
                                        </div>
                                        <div class="recent-posts-text">
                                            <h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
                                            <span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
                                            <p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                                            <a href="#" class="posts-read-more">Read more ...</a>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-Recent-Posts -->
                                <!-- Start Single-Recent-Posts -->
                                <div class="col-xs-12">
                                    <div class="single-recent-posts">
                                        <div class="recent-posts-photo">
                                            <img src="img/posts/3.jpg" alt="Recent Posts">
                                        </div>
                                        <div class="recent-posts-text">
                                            <h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
                                            <span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
                                            <p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                                            <a href="#" class="posts-read-more">Read more ...</a>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-Recent-Posts -->
                                <!-- Start Single-Recent-Posts -->
                                <div class="col-xs-12">
                                    <div class="single-recent-posts">
                                        <div class="recent-posts-photo">
                                            <img src="img/posts/4.jpg" alt="Recent Posts">
                                        </div>
                                        <div class="recent-posts-text">
                                            <h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
                                            <span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
                                            <p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                                            <a href="#" class="posts-read-more">Read more ...</a>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-Recent-Posts -->
                                <!-- Start Single-Recent-Posts -->
                                <div class="col-xs-12">
                                    <div class="single-recent-posts">
                                        <div class="recent-posts-photo">
                                            <img src="img/posts/1.jpg" alt="Recent Posts">
                                        </div>
                                        <div class="recent-posts-text">
                                            <h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
                                            <span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
                                            <p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                                            <a href="#" class="posts-read-more">Read more ...</a>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single-Recent-Posts -->
                            </div>
                        </div>
                        <!-- END RECENT-POSTS -->
                    </div>
                </div>
            </div>
            <!-- Blog area end -->
            <!-- START BRAND-LOGO-AREA -->
            <div class="brand-logo-area carosel-navigation-style-2">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="area-title">
                                <h3 class="title-group border-red gfont-1">Brand Logo</h3>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="active-brand-logo">
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/1.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/2.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/3.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/4.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/5.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/6.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/1.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/2.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="single-brand-logo">
                                    <a href="#"><img src="img/brand/3.png" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END BRAND-LOGO-AREA -->
            <!-- START SUBSCRIBE-AREA -->
            <div class="subscribe-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-sm-7 col-xs-12">
                            <label class="hidden-sm hidden-xs">Sign Up for Our Newsletter:</label>
                            <div class="subscribe">
                                <form action="#">
                                    <input type="text" placeholder="Enter Your E-mail">
                                    <button type="submit">Subscribe</button>
                                </form>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-5 col-xs-12">
                            <div class="social-media">
                                <a href="#"><i class="fa fa-facebook fb"></i></a>
                                <a href="#"><i class="fa fa-google-plus gp"></i></a>
                                <a href="#"><i class="fa fa-twitter tt"></i></a>
                                <a href="#"><i class="fa fa-youtube yt"></i></a>
                                <a href="#"><i class="fa fa-linkedin li"></i></a>
                                <a href="#"><i class="fa fa-rss rs"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>  
            <!-- END SUBSCRIBE-AREA -->
        </section>
        <!-- END PAGE-CONTENT -->
        <!-- FOOTER-AREA START -->
        <footer class="footer-area">
            <!-- Footer Start -->
            <div class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-md-3">
                            <div class="footer-title">
                                <h5>My Account</h5>
                            </div>
                            <nav>
                                <ul class="footer-content">
                                    <li><a href="my-account.html">My Account</a></li>
                                    <li><a href="#">Order History</a></li>
                                    <li><a href="wishlist">Wish List</a></li>
                                    <li><a href="#">Search Terms</a></li>
                                    <li><a href="#">Returns</a></li>
                                </ul>
                            </nav>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-3">
                            <div class="footer-title">
                                <h5>Customer Service</h5>
                            </div>
                            <nav>
                                <ul class="footer-content">
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="#">Delivery Information</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                    <li><a href="#">Terms & Conditions</a></li>
                                </ul>
                            </nav>
                        </div>
                        <div class="col-xs-12 hidden-sm col-md-3">
                            <div class="footer-title">
                                <h5>Payment & Shipping</h5>
                            </div>
                            <nav>
                                <ul class="footer-content">
                                    <li><a href="#">Brands</a></li>
                                    <li><a href="#">Gift Vouchers</a></li>
                                    <li><a href="#">Affiliates</a></li>
                                    <li><a href="shop-list.html">Specials</a></li>
                                    <li><a href="#">Search Terms</a></li>
                                </ul>
                            </nav>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-3">
                            <div class="footer-title">
                                <h5>Payment & Shipping</h5>
                            </div>
                            <nav>
                                <ul class="footer-content box-information">
                                    <li>
                                        <i class="fa fa-home"></i><span>Towerthemes, 1234 Stret Lorem, LPA States, Libero</span>
                                    </li>
                                    <li>
                                        <i class="fa fa-envelope-o"></i><p><a href="contact.html">admin@bootexperts.com</a></p>
                                    </li>
                                    <li>
                                        <i class="fa fa-phone"></i>
                                        <span>01234-56789</span> <br> <span> 01234-56789</span>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>              
            </div>
            <!-- Footer End -->
            <!-- Copyright-area Start -->
            <div class="copyright-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="copyright">
                                <p>Copyright &copy; <a href="http://jqueryfuns.com" target="_blank"> BootExpert</a> All rights reserved.</p>
                                <div class="payment">
                                    <a href="#"><img src="img/payment.png" alt="Payment"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Copyright-area End -->
        </footer>
        <!-- FOOTER-AREA END -->    
        <!-- QUICKVIEW PRODUCT -->
        <div id="quickview-wrapper">
           <!-- Modal -->
           <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <div class="modal-product">
                                <div class="product-images">
                                    <div class="main-image images">
                                        <img alt="#" src="img/product/quickview-photo.jpg"/>
                                    </div>
                                </div><!-- .product-images -->

                                <div class="product-info">
                                    <h1>Aenean eu tristique</h1>
                                    <div class="price-box-3">
                                        <hr />
                                        <div class="s-price-box">
                                            <span class="new-price">$160.00</span>
                                            <span class="old-price">$190.00</span>
                                        </div>
                                        <hr />
                                    </div>
                                    <a href="shop.html" class="see-all">See all features</a>
                                    <div class="quick-add-to-cart">
                                        <form method="post" class="cart">
                                            <div class="numbers-row">
                                                <input type="number" id="french-hens" value="3">
                                            </div>
                                            <button class="single_add_to_cart_button" type="submit">Add to cart</button>
                                        </form>
                                    </div>
                                    <div class="quick-desc">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero.
                                    </div>
                                    <div class="social-sharing">
                                        <div class="widget widget_socialsharing_widget">
                                            <h3 class="widget-title-modal">Share this product</h3>
                                            <ul class="social-icons">
                                                <li><a target="_blank" title="Facebook" href="#" class="facebook social-icon"><i class="fa fa-facebook"></i></a></li>
                                                <li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i class="fa fa-twitter"></i></a></li>
                                                <li><a target="_blank" title="Pinterest" href="#" class="pinterest social-icon"><i class="fa fa-pinterest"></i></a></li>
                                                <li><a target="_blank" title="Google +" href="#" class="gplus social-icon"><i class="fa fa-google-plus"></i></a></li>
                                                <li><a target="_blank" title="LinkedIn" href="#" class="linkedin social-icon"><i class="fa fa-linkedin"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div><!-- .product-info -->
                            </div><!-- .modal-product -->
                        </div><!-- .modal-body -->
                    </div><!-- .modal-content -->
                </div><!-- .modal-dialog -->
           </div>
           <!-- END Modal -->
        </div>
        <!-- END QUICKVIEW PRODUCT -->
        

        <!-- jquery
        ============================================ -->        
        <script src="js/vendor/jquery-1.11.3.min.js"></script>
        <!-- bootstrap JS
        ============================================ -->        
        <script src="js/bootstrap.min.js"></script>
        <!-- wow JS
        ============================================ -->        
        <script src="js/wow.min.js"></script>
        <!-- meanmenu JS
        ============================================ -->        
        <script src="js/jquery.meanmenu.js"></script>
        <!-- owl.carousel JS
        ============================================ -->        
        <script src="js/owl.carousel.min.js"></script>
        <!-- scrollUp JS
        ============================================ -->        
        <script src="js/jquery.scrollUp.min.js"></script>
        <!-- countdon.min JS
        ============================================ -->        
        <script src="js/countdon.min.js"></script>
        <!-- jquery-price-slider js
        ============================================ --> 
        <script src="js/jquery-price-slider.js"></script>
        <!-- Nivo slider js
        ============================================ -->        
        <script src="lib/js/jquery.nivo.slider.js" type="text/javascript"></script>
        <!-- plugins JS
        ============================================ -->        
        <script src="js/plugins.js"></script>
        <!-- main JS
        ============================================ -->        
        <script src="js/main.js"></script>
    </body>
</html>
